{% extends "auth-menu.html" %}
{% block head %}
    <link href='/bootstrap/assets/stylesheets/plugins/common/bootstrap-wysihtml5.css' media='all' rel='stylesheet' type='text/css' />

    <!-- / wysihtml5 (wysywig) -->

    <link href='/bootstrap/assets/stylesheets/plugins/common/bootstrap-wysihtml5.css' media='all' rel='stylesheet' type='text/css' />
{#  没有需要加载的文件#}
 {% endblock %}

{#{% block display2 %}#}
{#    "display: block"#}
{#{% endblock %}#}

{#{% block active2 %}#}
{#    'active'#}
{#{% endblock %}#}

{% block active_sub_ribao %}
    'active'
{% endblock %}

{% block main %}
   <div class='span12'>
        <div class='page-header'>
            <h1 class='pull-left'>
                <i class='icon-edit'></i>
                <span>日报</span>
            </h1>
            <div class='pull-right'>
                <ul class='breadcrumb'>
                    <li>
                        <a href="/index"><i class='icon-bar-chart'></i>
                        </a>
                    </li>
                    <li class='separator'>
                        <i class='icon-angle-right'></i>
                    </li>
                    <li>
                        报警统计
                    </li>
                    <li class='separator'>
                        <i class='icon-angle-right'></i>
                    </li>
                    <li class='active'>日报</li>
                </ul>
            </div>
        </div>
    </div>



<form accept-charset="UTF-8" class="navbar-search pull-left hidden-phone" method="get" />
    <div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /></div>
   时间： <input type="text"  value="{{ date }}" name="date" id="datetimepicker"  />
    &nbsp&nbsp<input id='inlineCheckbox1' type='checkbox' name='mail_select' value='1'  />   邮件
<button class="btn btn-link icon-search" name="button" type="submit"></button>
{#<input autocomplete="off" class="search-query span2" id="q_header" name="q" placeholder="Search..." type="text" value="" />#}

    <a href="#ribao_shuoming" class="btn box-info btn-link" style="color:#FF0000;text-decoration:underline" >日报说明</a>

</form>




<div class='row-fluid'>
<div class='span12 box bordered-box orange-border' style='margin-bottom:0;'>
<div class='box-header orange-background'>

    <div class='title'>{{ date }} 预处理情况</div>

    <div class='actions'>
        <a href="#" class="btn box-remove btn-mini btn-link"><i class='icon-remove'></i>
        </a>
        <a href="#" class="btn box-collapse btn-mini btn-link" ><i></i>
        </a>
        <a class="btn box-min btn-link icon-download" download={{ fusionfilename }} href='/bootstrap/tmp/{{ fusionfilename }}' >
        </a>
    </div>
</div>
<div class='box-content box-no-padding'>
<div class='responsive-table'>
<div class='scrollable-area'>
<table class='data-table table table-bordered table-striped' style='margin-bottom:0px;'>
{#<table class="table table-striped table-bordered table-hover datatable" style='margin-bottom:0px;'>#}
<thead>
<tr>
 {% for i in table_header %}
     <th  class="sorting_desc" aria-label="Rendering engine: activate to sort column descending" aria-sort="descending" style="width: 240px;" colspan="1" rowspan="1" aria-controls="DataTables_Table_0" tabindex="0" role="columnheader" class="sorting_desc">{{ i }}</th>
{% endfor %}
</tr>
</thead>
<tbody>

{% for row in fusion_table_list %}
    <tr>

    {% for field in row %}

        <td>{{ field|escape|default:"" }}</td>

    {% endfor %}
    </tr>
{% endfor %}

</tbody>
</table>
</div>
</div>
</div>
</div>
    </div>
<div class='row-fluid'>
{###融合表格#}
<div class='span12 box bordered-box purple-border' style='margin-bottom:0;'>
<div class='box-header purple-background'>

    <div class='title'>{{ date }} 融合情况</div>

    <div class='actions'>
        <a href="#" class="btn box-remove btn-mini btn-link"><i class='icon-remove'></i>
        </a>
        <a href="#" class="btn box-collapse btn-mini btn-link"><i></i>
        </a>
        <a class="btn box-min btn-link icon-download" download={{ rhfilename }} href='/bootstrap/tmp/{{ rhfilename }}' >
        </a>
    </div>
</div>
<div class='box-content box-no-padding'>
<div class='responsive-table'>
<div class='scrollable-area'>
<table class='data-table table table-bordered table-striped' style='margin-bottom:0px;'>
{#<table class="table table-striped table-bordered table-hover datatable" style='margin-bottom:0px;'>#}
<thead>
<tr>
 {% for i in table_header %}
     <th  class="sorting_asc" aria-label="Rendering engine: activate to sort column descending" aria-sort="ascending" style="width: 240px;" colspan="1" rowspan="1" aria-controls="DataTables_Table_0" tabindex="0" role="columnheader" class="sorting_asc">{{ i }}</th>
{% endfor %}
</tr>
</thead>
<tbody>

{% for row in rh_table_list %}
    <tr>

    {% for field in row %}

        <td>{{ field|escape|default:"" }}</td>

    {% endfor %}
    </tr>
{% endfor %}

</tbody>
</table>
</div>
</div>
</div>
</div>

</div>

<div class='row-fluid'>
{###磁带库表格#}
<div class='span12 box bordered-box orange-border' style='margin-bottom:0;'>
<div class='box-header orange-background'>

    <div class='title'>{{ date }} 磁带库情况</div>

    <div class='actions'>
        <a href="#" class="btn box-remove btn-mini btn-link"><i class='icon-remove'></i>
        </a>
        <a href="#" class="btn box-collapse btn-mini btn-link"><i></i>
        </a>
    </div>
</div>
<div class='box-content box-no-padding'>
<div class='responsive-table'>
<div class='scrollable-area'>
<table class='data-table table table-bordered table-striped' style='margin-bottom:0px;'>
{#<table class="table table-striped table-bordered table-hover datatable" style='margin-bottom:0px;'>#}
<thead>
<tr>
 {% for i in table_general %}
     <th  class="sorting_asc" aria-label="Rendering engine: activate to sort column descending" aria-sort="ascending" style="width: 240px;" colspan="1" rowspan="1" aria-controls="DataTables_Table_0" tabindex="0" role="columnheader" class="sorting_asc">{{ i }}</th>
{% endfor %}
</tr>
</thead>
<tbody>

{% for row in general_table_list %}
    <tr>

    {% for field in row %}

        <td>{{ field|escape|default:"" }}</td>

    {% endfor %}
    </tr>
{% endfor %}

</tbody>
</table>
</div>
</div>
</div>
</div>

</div>

{#备注说明#}
<div class='row-fluid'>
    <div class='span12 box'>
        <div class='box-header purple-background'>
            <div id = "ribao_shuoming" class='title'>
                <div class='icon-edit'></div>
                {{ date }} 日报说明
            </div>
            <div class='actions'>
                <a href="#" class="btn box-remove btn-mini btn-link"><i class='icon-remove'></i>
                </a>
                <a href="#" class="btn box-collapse btn-mini btn-link"><i></i>
                </a>
            </div>
        </div>
        <div class='box-content'>
            <form accept-charset="UTF-8" action="#" class="form" method="get" style="margin-bottom: 0;" />
            <div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /></div>

                <div class='control-group'>
                    <div class='controls controls-row'>
                         <textarea class="span12 wysihtml5"   name="note" placeholder="Some text here..." rows="10">{{ note }}</textarea>

                    <input type="hidden"  value="{{ date }}" name="date_note"  />

                    </div>
                </div>
            <button type="submit" name="save" class="icon-save btn btn-primary btn-default">保存</button>
        </div>

            </form>
        </div>
    </div>
{% endblock %}

{% block script %}
{#表格JS#}
<script src='/bootstrap/assets/javascripts/plugins/datatables/jquery.dataTables.min.js' type='text/javascript'></script>
<script src='/bootstrap/assets/javascripts/plugins/datatables/jquery.dataTables.columnFilter.js' type='text/javascript'></script>

<script src='/bootstrap/assets/javascripts/plugins/common/bootstrap-wysihtml5.js' type='text/javascript'></script>

<!-- / naked password -->
<script src='/bootstrap/assets/javascripts/plugins/naked_password/naked_password-0.2.4.min.js' type='text/javascript'></script>
<!-- / nestable -->
<script src='/bootstrap/assets/javascripts/plugins/nestable/jquery.nestable.js' type='text/javascript'></script>
{#<!-- / tabdrop -->#}
<script src='/bootstrap/assets/javascripts/plugins/tabdrop/bootstrap-tabdrop.js' type='text/javascript'></script>

<script src='/bootstrap/assets/javascripts/tables.js' type='text/javascript'></script>
<!-- / max length -->
<script src='/bootstrap/assets/javascripts/plugins/bootstrap_maxlength/bootstrap-maxlength.min.js' type='text/javascript'></script>
<!-- / timeago -->
<script src='/bootstrap/assets/javascripts/plugins/timeago/jquery.timeago.js' type='text/javascript'></script>

<!-- / autosize (for textareas) -->
<script src='/bootstrap/assets/javascripts/plugins/autosize/jquery.autosize-min.js' type='text/javascript'></script>
<!-- / charCount -->
<script src='/bootstrap/assets/javascripts/plugins/charCount/charCount.js' type='text/javascript'></script>


{#日报说明#}

<script src='/bootstrap/assets/javascripts/plugins/common/wysihtml5.min.js' type='text/javascript'></script>

<script src='/bootstrap/assets/javascripts/plugins/common/bootstrap-wysihtml5.js' type='text/javascript'></script>

{#<script src='/bootstrap/assets/javascripts/plugins/xeditable/bootstrap-editable.min.js' type='text/javascript'></script>#}

<script src='/bootstrap/assets/javascripts/plugins/xeditable/wysihtml5.js' type='text/javascript'></script>

<!-- / ckeditor -->

{#<script src='/bootstrap/assets/javascripts/plugins/ckeditor/ckeditor.js' type='text/javascript'></script>#}

{#<script src='/bootstrap/assets/javascripts/demo/inplace_editing.js' type='text/javascript'></script>#}
{#<script src='/bootstrap/assets/javascripts/demo/charts.js' type='text/javascript'></script>#}

<script>

$.datetimepicker.setLocale('ch');

{#$('#datetimepicker_format').datetimepicker({format: $("#datetimepicker_format_value").val()});#}
{#console.log($('#datetimepicker_format').datetimepicker('getValue'));#}

$("#datetimepicker_format_change").on("click", function(e){
	$("#datetimepicker_format").data('xdsoft_datetimepicker').setOptions({format: $("#datetimepicker_format_value").val()});
});
$("#datetimepicker_format_locale").on("change", function(e){
	$.datetimepicker.setLocale($(e.currentTarget).val());
});

$('#datetimepicker').datetimepicker({
dayOfWeekStart : 1,
lang:'ch',
timepicker:false,
format:"Y-m-d",
{#disabledDates:['1986/01/08','1986/01/09','1986/01/10'],#}
{#startDate:	'1986/01/05'#}
});
{#$('#datetimepicker').datetimepicker({value:{{ date|date:"Y-m-d H:i" }}, step:10});#}
{#$('#datetimepicker').datetimepicker({ step:10});#}
</script>

{% endblock %}
